<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>凉山州中考信息管理系统</title>
<link rel="stylesheet" href="/css/newStyle.css"
	th:href="@{/css/newStyle.css}">
</head>
<body>
	<div class="mainBox">
		<div class="mainBox_inner" th:object="${zkw}">
			<h1>凉山州中考信息管理系统(县市招办)</h1>
			<div class="tableOutBox">
				<h2 th:text="${zkw.username}+' 中职志愿填报情况'">中职志愿填报情况</h2>
				<div class="tableSearch clearfix">
					<form action="" method="post" id="form1">
						<div class="fl">
							<div class="fl searchOut">
								<input id="param_bmh" type="hidden" name="bmh" value="">
								<input id="param_sele" type="hidden" name="sele" value="">
								<input type="text" placeholder="输入学生报名号" class="searchtext">
								<button class="searchbtn"></button>
							</div>
						</div>
					</form>
					<div class="fr rightbox">
						<select th:object="${sele}" id="wishedandnowish"
							class="choceSchool choceSchool1 csd">
							<option th:value="0" th:text="已填志愿学生" value="0"
								th:selected="(${sele =='0'})">已填志愿学生</option>
							<option th:value="1" th:text="未填志愿学生" value="1"
								th:selected="(${sele =='1'})">未填志愿学生</option>
						</select>
						<button id="resetpassword" class="shenghe schoolshenghe">重置密码
						</button>
					</div>
				</div>
				<div class="toolsbar"></div>

				<div class="tablebox" th:object="${students}">
					<table id="shenhetable">
					</table>
					<div class="clearfix exportOutbox"></div>
					<div>提示：选中复选框，再点击重置密码，考生密码将初始化为身份证号后8位。</div>
				</div>
			</div>

		</div>
	</div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/gVerify.js"></script>
<script src="js/commen.js"></script>
<link href="css/bootstrap.css" rel="stylesheet" />
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-table.js"></script>
<link href="css/bootstrap-table.css" rel="stylesheet" />
<script src="js/bootstrap-table-zh-CN.js"></script>
<script th:inline="javascript">
	//var st=[[${students}]];

	$(function() {
		//1.初始化Table
		var arr;
		var oTable = new TableInit();
		oTable.Init();
	})

	var TableInit = function() {
		var oTableInit = new Object();
		oTableInit.Destory = function() {
			$('#shenhetable').bootstrapTable('destroy');
		};
		oTableInit.Init = function() {
			$("#shenhetable").bootstrapTable({
				url : "showMiddleSchool", //请求后台的URL（*）
				contentType : "application/x-www-form-urlencoded",
				method : 'post', //请求方式（*）
				toolbar : '#toolbar', //工具按钮用哪个容器
				striped : true, //是否显示行间隔色
				cache : true, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
				pagination : true, //是否显示分页（*）
				silent : true,
				sortable : true, //是否启用排序
				sortOrder : "asc", //排序方式
				queryParams : oTableInit.queryParams,//传递参数（*）
				queryParamsType : "undefined",
				sidePagination : "server", //分页方式：client客户端分页，server服务端分页（*）
				pageNumber : 1, //初始化加载第一页，默认第一页
				pageSize : 10, //每页的记录行数（*）
				pageList : [ 10, 25, 50, 100 ], //可供选择的每页的行数（*）
				search : false, //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
				strictSearch : false,
				showColumns : true, //是否显示所有的列
				showRefresh : true, //是否显示刷新按钮
				minimumCountColumns : 2, //最少允许的列数
				clickToSelect : true, //是否启用点击选中行
				/* height: 500, *///行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
				uniqueId : "ID", //每一行的唯一标识，一般为主键列
				showToggle : false, //是否显示详细视图和列表视图的切换按钮
				cardView : false, //是否显示详细视图
				detailView : false, //是否显示父子表
				columns : [ {
					field : 'chose',
					checkbox : true
				}, {
					field : 'id',
					title : 'ID',
					align : 'center'
				}, {
					field : 'xm',
					title : '姓名',
					align : 'center'
				}, {
					field : 'bmh',
					title : '报名号',
					align : 'center'
				}, {
					field : 'byzxmc',
					title : '毕业中学',
					align : 'center'
				}, {
					field : 'lxdh',
					title : '联系电话',
					align : 'center'
				} ],
			/*  data:st, */
			});
		};
		oTableInit.queryParams = function(params) {
			var param = {
				sele : $("#wishedandnowish").children('option:selected').val(),
				bmh : $("searchtext").val(),
				pageSize : params.pageSize, //页面大小
				pageIndex : params.pageNumber, //页码
			};
			return param;
		};
		return oTableInit;
	};

	//全选
	$('.checkall').on(
			'change',
			function() {
				console.log($(this).is(':checked'))
				var checkstate = $(this).is(':checked');
				if (checkstate == true) {
					//全选
					$('tbody tr').find('input[type=checkbox].chose').prop(
							'checked', true);
				} else {
					//取消全选
					$('tbody tr').find('input[type=checkbox].chose').prop(
							'checked', false);
				}
			})

	//点击提交时，判断是否可以提交
	$('#resetpassword').on('click', function() {
		//$("#shenhetable input:checkbox").attr("checked",true);
		//循环遍历获取选中行所在的行数及其下一个兄弟节点的值：
		var index = 0;
		var chk;
		$("#shenhetable tbody input[type=checkbox]:checked").each(function() {
			index = index + 1;
			chk = $(this);
		})
		if (index <= 0) {
			alert("未选择学生");
			return false;
		}
		if (index > 1) {
			alert("一次只能初始化一个学生的密码");
			return false;
		}
		if (chk.val() == "on") {
			console.log(chk.parent().parent().children().eq(3).text());
			bmh = chk.parent().parent().children().eq(3).text();
		}

		$.ajax({
			type : 'post',
			url : "doInitPassword",
			data : {
				"bmh" : bmh
			},
			dataType : "json",
			async : true,
			success : function(data) {
				console.info(11);
				//alert("保存成功！");
				if (data.code == 'ok') {
					alert("重置成功");
					chk.attr("checked", false);
					//window.location.href = data.url;
				} else {
					alert("重置失败");
					//window.location.href = data.url;
				}
			},
			error : function(error) {
				console.info(error);
			}
		})
		return false;
	})

	$("#wishedandnowish").change(function() {
/* 		var sele = $("#wishedandnowish").children('option:selected').val();
		//alert(bmh);
		
		form1.action = "doSelectStudentWishByConditionMiddle";
		//js代码  赋值
		document.getElementById('param_sele').value = sele;
		$("#form1").attr("action", form1.action);
		form1.submit(); */
		var param = {
				sele : $("#wishedandnowish").children('option:selected').val(),
				bmh : $(".searchtext").val(),
				pageSize : 10, //页面大小
				pageIndex : 1, //页码
			};
			$.ajax({
				url : "showMiddleSchool",
				type : "post",
				data : param,
				success : function(data) {
					$('#shenhetable').bootstrapTable('refresh');
					/* $('#shenhetable').bootstrapTable('load', data); */
					//alert(data);
				}
			})
			/* 		 $('#shenhetable').bootstrapTable('refresh',url:'showHighSchool'); */
			$(".searchtext").val("");
			return false;
		
		
		
		
	})

	/*  	$(".searchbtn").click(function() {
	 var bmh = $(".searchtext").val();
	 var sele = $("#wishedandnowish").children('option:selected').val();
	 form1.action = "doSelectStudentWishByBmh";
	 //js代码  赋值
	 document.getElementById('param_bmh').value = bmh;
	 document.getElementById('param_sele').value = sele;
	 $("#form1").attr("action", form1.action);
	 form1.submit();
	 })  */
	$(".searchbtn").click(function() {
		var param = {
			sele : $("#wishedandnowish").children('option:selected').val(),
			bmh : $(".searchtext").val(),
			pageSize : 10, //页面大小
			pageIndex : 1, //页码
		};
		$.ajax({
			url : "showMiddleSchool",
			type : "post",
			data : param,
			success : function(data) {
				$('#shenhetable').bootstrapTable('load', data);
				//alert(data);
			}
		})
		/* 		 $('#shenhetable').bootstrapTable('refresh',url:'showHighSchool'); */
		$(".searchtext").val("");
		return false;
	})
</script>
</html>